<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据驱动,双向绑定</title>
    <script src="js/vue.js"></script>
    <script src="js/jquery-3.5.1.min.js"></script>
</head>
<body>
    {{address}}
    <div id="app">{{msg}}
    <!--vue只修饰-->
<h1>{{address}}</h1>
<h2>{{address}}</h2>
<h3>{{address}}</h3>
<h4>{{address}}</h4>
<h5>{{address}}</h5>
<h6>{{address}}</h6>

<input type="text" v-model="address" name="address" id="address"/>
    </div>
</body>
<script>
new Vue({
    el:"#app",
    data:{
        msg:"hello",
        address:"北京天安门"
    }
})

</script>
</html>